<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>快递邮寄</title>
		<link rel="stylesheet" href="<?php echo IMG_PATH ?>bdkd/css/common.css" />
		<link rel="stylesheet" href="<?php echo IMG_PATH ?>bdkd/css/express.css" />
	</head>
	<body>
		<div class="top">
			<div class="sender">
				<div><b></b></div>
				<div>
					<p>寄件人信息</p>
					<textarea name="text" disabled="disabled" placeholder="请输入详细的寄件人信息,以便我们更好的为您服务" value="" readonly="readonly" style="border: none;" ></textarea>
				</div>
			</div>
			<div class="recipients">
				<div><b></b></div>
				<div>
					<p>收件人信息</p>
					<textarea name="text" disabled="disabled" placeholder="请输入详细的收件人信息,以便我们更好的为您服务" value="" readonly="readonly" style="border: none;" ></textarea>
				</div>
			</div>
		</div>
		
		
		
		<div class="content">
			<ul class="oul">
				<li class="genre">
					<div>
						<p>物品类型：</p>
						<span class="active">生活<b> · </b>日用</span>
						<span>文件<b> · </b>电子</span>
						<span>食品<b> · </b>其他</span>
					</div>
				</li>
				<li class="weight">
					<div class="aaa">
						<p style="font-size: 0.28rem;color: #333;">物品重量：</p>
						<div class="DY">
						    <span class="dec">-</span><p class="kg">00</p><p class="kgs">公斤</p><span class="add">+</span>
						</div>
						<div class="weizhi">
							<img src="<?php echo IMG_PATH ?>bdkd/img/ccc.png"/>
							<p>未知</p>
						</div>
					</div>
				</li>
				<li class="company">
					<div>
						<p>快递公司：</p>
						<span class="active">顺丰速运</span>
						<span>三通一达</span>
						<span>优速快递</span>
					</div>
				</li>
				<li class="freight">
					<div class="con">
						<div class="op">
							<p>运费估算：</p>
						</div>
						<div class="cul">
							<ul>
								<li class="shouzhong">
									<p>首重：</p>
									<span>--元</span>
								</li>
								<li>,</li>
								<li class="xuzhong">
									<p>续重：</p>
									<span>--元/公斤</span>
								</li>
							</ul>
						</div>
						<div class="cp">
							<p>--元</p>
							
						</div>
					</div>
				</li>
				<li class="timer">
					<div class="times">
						<div><p>寄件时间：</p></div>
						<div>
							<p>9:00-10:00</p>
							<img src="<?php echo IMG_PATH ?>bdkd/img/fanhui@2x.png"/>
						</div>
					</div>
				</li>
				
				
				<li class="tell">
					<div>
						<p>请输入想对邮递员说的...（可不填）</p>
						<textarea name="" rows="" cols="" placeholder="例：我需要包装袋" style="border:none; resize: none;" ></textarea>
				    </div>
				</li>
			</ul>	
		</div>
		
		
		<div class="pick">
			<div class="xieyi">
				<img src="<?php echo IMG_PATH ?>bdkd/img/ccc.png"/>
				<p>我已阅读并同意</p>
				<span>《便递服务协议》</span>
			</div>
			<div class="pick_up">
				<p>开始寄件</p>
				<img src="<?php echo IMG_PATH ?>bdkd/img/-@2x.png"/>
				<span>实际运费以上门确认为主，部分快递以体积计算</span>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="<?php echo IMG_PATH ?>bdkd/js/jquery-1.11.0.js" ></script>
    <script type="text/javascript" src="<?php echo IMG_PATH ?>bdkd/js/rem.js" ></script>
    <script type="text/javascript">
    	$(".genre div span").on("click",function(){
    		$(this).addClass("active").siblings().removeClass("active")
    	})
    	$(".company div span").on("click",function(){
    		$(this).addClass("active").siblings().removeClass("active")
    	})
    	
    	$(".add").on("click",function(){
     		$(this).css("color","#14A5F9")
     		$(".dec").css("color","#9f9f9f")
			var value=$(".kg").html()
			if(value==30){
				return
			}else{
				value++
			    $(".kg").html(value).css("color","#14A5F9")
			}
			
		})
		$(".dec").on("click",function(){
			$(this).css("color","#14A5F9")
			$(".add").css("color","#9f9f9f")
			var value=$(".kg").html()
			if(value==0){
				 
				return $(".kg").html(value).css("color","#9f9f9f")
			}else{
				value--
			$(".kg").html(value).css("color","#14A5F9")	
			}			
		})
    </script>
</html>





























